.friends{
  width: 100vw;
  min-height: 100vh;
  background-color: #fff;
  .table{
    width: 100%;
    .tr{
      width: 100%;
      display: flex;

      .td{
        width: 25%;
        color: #333333;
        &.money{
          color: #EB133C;
        }
        &.p40{
          width: 40%;
        }
        &.p30{
          width: 30%;
        }
        &.p50{
          width: 50%;
        }
        &.p20{
          width: 20%;
        }
        &.p10{
          width: 10%;
        }
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 28rpx;
        color: #666666;
        .user{
          display: flex;
          justify-content: center;
          align-items: center;
          .user-avator{
            width: 80rpx;
            height: 80rpx;
            border-radius: 100%;
            overflow: hidden;
            margin-right: 20rpx;
          }
          .user-infos{
            .name{
              color: #333;
              width: 260rpx;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              // font-weight: ;
              font-size: 28rpx;
            }
            .phone{
              margin-top: 10rpx;
              display: flex;
              justify-content: flex-start;
              align-items: center;
              font-size: 24rpx;
              color: #999999;
              .phone-icon{
                margin-right: 10rpx;
                width: 24rpx;
                height: 24rpx;
                background-image: url(https://static.joymew.com/joymew-assist/home/friend/phone.png);
                background-size: 100% 100%;
              }
            }
          }
        }
      }
      &.tr-header{
        height: 84rpx;
        border-bottom:2rpx solid #f9f7f7;
      }
      &.tr-row{
        height: 128rpx;
      }
    }
  }
}